use dioxus::prelude::*;

mod components;
mod pages;

use components::sidebar::Sidebar;

const BASE_CSS: Asset = asset!("assets/css/base.css");
const SIDEBAR_CSS: Asset = asset!("assets/css/components/sidebar.css");
const MENU_CSS: Asset = asset!("assets/css/components/menu.css");

fn main() {
    dioxus::launch(App);
}

#[component]
fn App() -> Element {
    rsx! {
        link { rel: "stylesheet", href: BASE_CSS }
        link { rel: "stylesheet", href: SIDEBAR_CSS }
        link { rel: "stylesheet", href: MENU_CSS }

        div { class: "app-container",
            Sidebar {}
            main { class: "main-content",
                // 主内容区域
            }
        }
    }
}
